<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<!-- 学生侧边栏 -->
<nav class="side-nav" th:fragment="Student">
    <!-- 顶部信息 -->
    <a href="" class="intro-x flex items-center pl-5 pt-4">
        <img alt="Midone Tailwind HTML Admin Template" class="w-6" src="static/picture/logo.svg" />
        <span class="hidden xl:block text-white text-lg ml-3">睿科
        <span class="font-medium">排课系统</span>
    </span>
    </a>
    <div class="side-nav__devider my-6"></div>
    <ul>
        <!--控制面板-->
        <li><a href="#" class="side-menu side-menu--active">
            <div class="side-menu__icon">
                <i data-feather="home"></i>
            </div>
            <div class="side-menu__title">
                控制面板
            </div>
        </a></li>
        <!--我的班级-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="users"></i>
            </div>
            <div class="side-menu__title">
                我的班级
            </div>
        </a></li>
        <!--我的课表-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="pie-chart"></i>
            </div>
            <div class="side-menu__title">
                我的课表
            </div>
        </a></li>
        <!--个人信息-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="user"></i>
            </div>
            <div class="side-menu__title">
                个人信息
            </div>
        </a></li>
        <!--系统信息-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="settings"></i>
            </div>
            <div class="side-menu__title">
                系统信息
            </div>
        </a></li>
    </ul>
</nav>
<!-- 老师侧边栏 -->
<nav class="side-nav" th:fragment="Teacher">
    <!-- 顶部信息 -->
    <a href="" class="intro-x flex items-center pl-5 pt-4">
        <img alt="Midone Tailwind HTML Admin Template" class="w-6" src="static/picture/logo.svg" />
        <span class="hidden xl:block text-white text-lg ml-3">睿科
        <span class="font-medium">排课系统</span>
    </span>
    </a>
    <div class="side-nav__devider my-6"></div>
    <ul>
        <!--控制面板-->
        <li><a href="#" class="side-menu side-menu--active">
            <div class="side-menu__icon">
                <i data-feather="home"></i>
            </div>
            <div class="side-menu__title">
                控制面板
            </div>
        </a></li>
        <!--管理班级-->
        <li><a href="javascript:" class="side-menu">
                <div class="side-menu__icon">
                    <i data-feather="edit"></i>
                </div>
                <div class="side-menu__title">
                    管理班级
                </div>
        </a></li>
        <!--我的课表-->
        <li><a href="javascript:" class="side-menu">
                <div class="side-menu__icon">
                    <i data-feather="pie-chart"></i>
                </div>
                <div class="side-menu__title">
                    我的课表
                </div>
        </a></li>
        <!--个人信息-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="user"></i>
            </div>
            <div class="side-menu__title">
                个人信息
            </div>
        </a></li>
        <!--系统信息-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="settings"></i>
            </div>
            <div class="side-menu__title">
                系统信息
            </div>
        </a></li>
    </ul>
</nav>
<!-- 管理员侧边栏 -->
<nav class="side-nav" th:fragment="Admin">
    <!-- 顶部信息 -->
    <a href="" class="intro-x flex items-center pl-5 pt-4">
        <img alt="Midone Tailwind HTML Admin Template" class="w-6" th:src="@{static/picture/logo.svg}" />
        <span class="hidden xl:block text-white text-lg ml-3">睿科
        <span class="font-medium">排课系统</span>
    </span>
    </a>
    <div class="side-nav__devider my-6"></div>
    <ul>
        <!--控制面板-->
        <li><!--/*@thymesVar id="active" type="java.lang.String"*/-->
        <a href="success.html" th:class="${active} == 'index' ? 'side-menu side-menu--active' : 'side-menu' ">
            <div class="side-menu__icon">
                <i data-feather="home"></i>
            </div>
            <div class="side-menu__title">
                控制面板
            </div>
        </a></li>
        <!--管理班级-->
        <li><a th:href="@{/classes}" th:class="${active} == 'classes' ? 'side-menu side-menu--active' : 'side-menu' ">
            <div class="side-menu__icon">
                <i data-feather="edit"></i>
            </div>
            <div class="side-menu__title">
                班级管理
            </div>
        </a></li>
        <!--管理老师-->
        <li><a th:href="${teachers}" th:class="${active} == 'teachers' ? 'side-menu side-menu--active' : 'side-menu' ">
            <div class="side-menu__icon">
                <i data-feather="users"></i>
            </div>
            <div class="side-menu__title">
                老师管理
            </div>
        </a></li>
        <!--学生管理-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="book"></i>
            </div>
            <div class="side-menu__title">
                学生管理
            </div>
        </a></li>
        <!--课程管理-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="database"></i>
            </div>
            <div class="side-menu__title">
                课程管理
            </div>
        </a></li>
        <!--教室管理-->
        <li><a href="javascript:" class="side-menu" th:class="${active} == 'classroomManage' ? 'side-menu side-menu--active tooltipstered' : 'side-menu' ">
            <div class="side-menu__icon">
                <i data-feather="navigation-2"></i>
            </div>
            <div class="side-menu__title">
                教室管理
                <i data-feather="chevron-down" class="side-menu__sub-icon"></i>
            </div>
            </a>
            <ul th:class="${active} == 'classroomManage' ? 'side-menu__sub-open' : '' ">
                <li><a th:href="@{/academic_building}" th:class="${activeli} == 'academic_building' ? 'side-menu side-menu--active' : 'side-menu' ">
                    <div class="side-menu__icon">
                        <i data-feather="flag"></i>
                    </div>
                    <div class="side-menu__title">
                        教学楼管理
                    </div></a></li>
                <li><a href="/classroom" class="side-menu" th:class="${activeli} == 'classroomManage' ? 'side-menu side-menu--active' : 'side-menu' ">
                    <div class="side-menu__icon">
                        <i data-feather="book-open"></i>
                    </div>
                    <div class="side-menu__title">
                        教室管理
                    </div></a></li>
            </ul>
        </li>
        <!--学届管理-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="star"></i>
            </div>
            <div class="side-menu__title">
                学届管理
            </div>
        </a></li>
        <!--学区/学部管理-->
        <li><a href="javascript:" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="layers"></i>
            </div>
            <div class="side-menu__title">
                学区/学部管理
            </div>
        </a></li>
        <!--个人信息-->
        <li><a href="profile.html" th:class="${active} == 'profile' ? 'side-menu side-menu--active' : 'side-menu' ">
            <div class="side-menu__icon">
                <i data-feather="user"></i>
            </div>
            <div class="side-menu__title">
                个人信息
            </div>
        </a></li>
        <!--系统信息-->
        <li><a href="javascript:;" class="side-menu">
            <div class="side-menu__icon">
                <i data-feather="settings"></i>
            </div>
            <div class="side-menu__title">
                系统信息
            </div>
        </a></li>
    </ul>
</nav>
</html>